<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%-- 引入页面头 --%>
<%@ include file="/pageHead.jsp"%>
<form name="form1" id="form1"
	action="<%-- ${systemctx}/sample/saveSample.web --%>" method="post">
	<div class="pageMain">
		<div class="pageTitle">
			译员管理
			<span></span>
			IM聊天记录管理
			<span></span>
			聊天记录列表
		</div>
		<div class="pageBody">
		<div class="pageBody">
			<div class="form-group">
				<ul>
					<li>
						<i></i>
						<label>
							<%=MessageResourcesUtils.getMessage(request,"systemmanage.report.label.tapesorderId")%>
						</label>
						<span><input type="text" id="flow_id" name="flow_id" style="width: 300px;"/></span> 
					</li>
				</ul>
			</div>
		</div>
		</div>
		<div class="button-group">
			<input type="button" class="btn btn-default" id="butQuery" name="butQuery" value="<%=MessageResourcesUtils.getMessage(request,"common.button.query")%>" />
		</div>
		<table width="100%">
			<tbody>
				<tr>
					<td>
						<table id="datagrid"></table>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</form>


<script type="text/javascript">
$(document).ready(function() {
	//加载分页控件 datagrid
	$('#datagrid').issdatagrid(
	{
		formid : 'form1',
		title : '<%=MessageResourcesUtils.getMessage(request,"systemmanage.report.label.imrecordstitile")%>',
		width : 'auto',
		nowrap : false,
		autoRowHeight : false,
		singleSelect : true,
		striped : true,
		url : '${systemctx}/systemmanage/imrecord/queryImRecordInfoDataGrid.json',
		sortName : '',
		sortOrder : '',
		remoteSort : true,
		idField : 'flow_id',
		pagination : false,
		rownumbers : false,
		showFooter : false,
		queryParams:$('#form1').serializeObject(),
		columns : [ 
		[
		 {
			title : '用户消息内容',
			field : 'leftmsg',
			width : 500,
			sortable : true,
			align : 'left'
		}, {
			title : '译员消息内容',
			field : 'rightmsg',
			width : 500,
			sortable : true,
			align : 'right'
		}] ],
		onLoadSuccess : function(data) {

		}
	});

	$('#butQuery').click(function() {
		var flow_id = $("#flow_id").val();
		if(flow_id==null || flow_id == '' || flow_id == 'undefined'){
			alert("请输入服务ID进行查询");
			return;
		}
		
		$('#datagrid').datagrid('load',$('#form1').serializeObject());
	});


})

</script>
<%-- 引入页面尾 --%>
<%@ include file="/pageFloor.jsp"%>